<template>
	<view class="card">
		<!-- 标题 -->
		<view v-if="showhead" class="p-2 border-bottom main-border-color">
			<slot name="title">
				<text v-if="headTitle" class="font-md font-weight">{{headTitle}}</text>
			</slot>
		</view>
		<!-- body -->
		<view>
			<image v-if="bodyCovers" :src="bodyCovers" mode="widthFix"></image>
			<slot/>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			//头部标题
			headTitle:{
				type:String,
				default:function(){
					return ''
				}
			},
			// 封面图
			bodyCovers:{
				type:String,
				default:function(){
					return ''
				}
			},
			//是否显示头部
			showhead:{
				type:Boolean,
				default:true,
				}
		},
		data(){
			return{
				
			}
		},
		methods:{
			
		}
	}
</script>

<style>
</style>
